簡介:在網頁制作當中,我們經常會對圖片做一些處理,比如圖片的放大和縮小。本課程講解如何使用JavaScript技術實現圖片縮放效果,其中將用到setInterval()和clearInterval()兩個重要函數。課程中對實現效果進行了展示,并詳盡分析其實現原理。
第1章 圖片縮放效果展示及原理分析
JavaScript實現圖片縮放效果的原理分析,并對實現該效果所應用到的setInterval()和clearInterval()兩個函數進行簡單介紹。
第2章 利用HTML+CSS實現效果的頁面布局
案例的布局非常簡單,只需一個圖片和兩個按鈕,利用HTML+CSS輕松實現。
第3章 用JavaScript實現圖片放縮效果
實現放大效果的關鍵步驟:1.onclick事件的添加。2.定時器setlnterval()函數的應用。3.放大(縮?。┖瘮档木帉?。